@import url(../less/common.less);

.lt_search {
	padding: 10rem/@baseFontSize;
	position: relative;
	form {
		margin: 0 10rem/@baseFontSize; 
		input {
			width: 100%;
			height: 34rem/@baseFontSize;
			background-color: #fff;
			font-size: 16rem/@baseFontSize;
			text-align: left;
			padding: 0 90rem/@baseFontSize 0 10rem/@baseFontSize;
			border: 1px solid @baseColor;
			margin-bottom:0;
		}
	}
	a{
		position: absolute;
		right: 20rem/@baseFontSize;
		top: 10rem/@baseFontSize;
		background-color: @baseColor;
		height: 34rem/@baseFontSize;
		width: 90rem/@baseFontSize;
		color: #fff;
		text-align: center;
		line-height: 34rem/@baseFontSize;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}
}


.lt_sort{
	background-color: #f3f4f5;
	width: 100%;
	margin-bottom: 10rem/@baseFontSize;
	a{
		width:100%/4;
		color: #333;display: block;
		float:left;
		text-align: center;
		font-size:16rem/@baseFontSize;
		padding: 5rem/@baseFontSize;
		span{}
		&.active{
			color: orange;
		}
	}
}

.pro_list {
	padding: 0 10rem/@baseFontSize;
	.product_item{
			width: 48%;
			font-size: 14rem/@baseFontSize;
			text-align: center;
			border:1px solid #ccc;
			box-shadow: 0 0 5px #ccc;
			-webkit-box-shadow: 0 0 5px #ccc;
			margin-left: 5rem/@baseFontSize;
			margin-bottom: 5rem/@baseFontSize;
			padding-bottom: 10rem/@baseFontSize;
			float: left;
			a{
				display: block;
				width: 100%;
				img{
					width:100%;
				}
			}
			.pro_info{
				padding: 10rem/@baseFontSize;
			}
			.pro_price{
				font-size:16rem/@baseFontSize;
				.now_price{
					color: red;
					padding-right: 10rem/@baseFontSize;
				}
				.old_price{
					color: #ccc;
					text-decoration: line-through;
				}
			}
			.buy_btn{
				display: block;
				text-align: center;
				font-size: 20rem/@baseFontSize;
				width: 120rem/@baseFontSize;
				height: 40rem/@baseFontSize;
				line-height: 28rem/@baseFontSize;
				padding:6rem/@baseFontSize 12rem/@baseFontSize;
				margin: 0 auto;
				background: @baseColor;
				color: #fff;
			}
		}
}
	